*{
    margin:0;
    padding: 0;
    text-decoration: none;
    box-sizing: border-box;
    list-style: none;
}

.search{
width: 980px;
height: 50px;

margin:0 auto;
}
.logo{
    padding-top:15px;
float: left;

}
.search-box{
    padding-top:10px;
    float: right;
}
.nav{
    width: 100%;
    height: 55px;
    background-image: url(images/nav-bg.png);
    border:1px solid #ccc;
}
.button{
    margin-left:-5px;
}
.nav ul li{
    width: 130px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    float: left;
   background: url(images/nav-line.png) no-repeat 127px -1px;
}
.nav .nav-box{
width: 980px;
margin:0 auto;
}
.banner{
    
    width: 980px;
    margin:0 auto;
    text-align: center;
    margin-bottom: 40px;
    
}
.banner img{
    margin-top:-2px;
}
.banner span{
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ccc;
}
.banner span:nth-of-type(2){
    background-color: #666;
}
.center{
    width: 100%;
    height: 30px;
    border:1px solid #ccc;
    background-color: #FBFBFB;
}
.center>div{
    width: 980px;
    height: 30px;
    line-height: 30px;
    margin:0 auto;
}
.center .news{
float: left;
font-size: 13px;
font-weight: bold;
opacity: 0.7;
}
.center .share{
float: right;
}
.boxs{
    width: 980px;
    height: 230px;
    margin:0 auto;
    display: flex;
    margin-top:20px;
    margin-bottom: 50px;
   

}
.box1{
width: 330px;
height: 230px;
border:1px solid #ccc;
padding:10px;

}
.box1>.left,.box1>.right{
    display: inline-block;
    width: 80px;
    height: 157px;
    line-height: 157px;
    font-size: 32px;
 
    float: left;
    text-align: center;
}
.box1>.left>div{
    width: 15px;
    height: 15px;
    border-top:1px solid #98CB00;
    
    border-right:1px solid #98CB00;
    transform: rotate(-135deg);
    display: inline-block;
}
.box1>.right>div{
    width: 15px;
    height: 15px;
    border-top:1px solid #98CB00;
    border-right:1px solid #98CB00;
    transform: rotate(45deg);
    display: inline-block;
}
.box1>.center1{
    width: 137px;
    height: 200px;
    display: inline-block;
    float: left;
}

.box2{
    width: 350px;
    height: 230px;
    margin:0 15px;
    border:1px solid #ccc;
    padding:10px;
}
.box2 ul{
    margin-left:20px;
}
.box2 ul li{
    border-bottom: 1px dashed #ccc;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    color:#666;
    font-weight: 500;
}
.box2 ul li:nth-child(1){
    color:red;
    font-weight: bold;
    font-size: 14px;
}
.box3{
    width: 270px;
    height: 230px;
    border:1px solid #ccc;
    padding:10px;
    
}
.box3 .smal{
    margin-left:20px;
    font-size: 12px;
    color:#666;
    font-weight: 500;
    line-height: 2;
}
.box3 ul{
    margin-left:20px;
    height: 120px;
   font-size: 13px;
   color: #666;
   font-weight: 500;
}
.box3 ul img{
    margin-right:5px;
}
.title{
    font-size: 16px;
font-weight: 700;
color:#98CB00;
margin-bottom: 10px;

}
.title span{
   float: right; 
   color: #87827A;
   font-size: 14px;
   margin-top:2px;
}
.footer{
    width: 100%;
    height: 300px;
    background:url(images/footer-bg.png) repeat-x 0px;
    background-size: 100%;
}
.footer-f{
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    border-top: 1px dashed rgba(204, 204, 204, 0.4);
    padding-top:10px;
    opacity: 0.9;
}
.footer-h{
    width: 980px;
    height: 200px;
    margin:0 auto;
    color:#fff;
    font-size: 12px;
    opacity: 0.6;
    
}

.footer-h>ul{
margin:15px;
float: left;
margin-left:25px;

}
.footer-h>ul li:nth-child(1){
    font-size: 14px;
    margin-bottom: 10px;
}
.footer-h .last{
    margin-left:80px;
    float: left;
    opacity: 0.8;
}